<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html xmlns:ymsgr="http://messenger.yahoo.com/yim"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8">


 

<link rel="stylesheet" type="text/css" href="http://127.0.0.1/ChatWidget/yui_2.8.0r4/yui/build/fonts/fonts-min.css" /> 
<link rel="stylesheet" type="text/css" href="http://127.0.0.1/ChatWidget/yui_2.8.0r4/yui/build/menu/assets/skins/sam/menu.css" /> 
<link rel="stylesheet" type="text/css" href="http://127.0.0.1/ChatWidget/yui_2.8.0r4/yui/build/button/assets/skins/sam/button.css" /> 
<link rel="stylesheet" type="text/css" href="http://127.0.0.1/ChatWidget/yui_2.8.0r4/yui/build/editor/assets/skins/sam/simpleeditor.css" /> 


<!-- Utility Dependencies -->
<script type="text/javascript" src="http://127.0.0.1/ChatWidget/yui_2.8.0r4/yui/build/yahoo-dom-event/yahoo-dom-event.js"></script> 
<script type="text/javascript" src="http://127.0.0.1/ChatWidget/yui_2.8.0r4/yui/build/element/element-min.js"></script> 
<!-- Needed for Menus, Buttons and Overlays used in the Toolbar -->
<script src="http://127.0.0.1/ChatWidget/yui_2.8.0r4/yui/build/container/container_core-min.js"></script>
<script src="http://127.0.0.1/ChatWidget/yui_2.8.0r4/yui/build/menu/menu-min.js"></script>
<script src="http://127.0.0.1/ChatWidget/yui_2.8.0r4/yui/build/button/button-min.js"></script>
<!-- Source file for Rich Text Editor-->
<script src="http://127.0.0.1/ChatWidget/yui_2.8.0r4/yui/build/editor/editor-min.js"></script>
 
<link type="text/css" rel="stylesheet" href="http://localhost/ChatWidget/yui_3.0.0b1/yui/build/cssfonts/fonts-min.css" /> 
<script type="text/javascript" src="http://localhost/ChatWidget/yui_3.0.0b1/yui/build/yui/yui-min.js"></script> 
<script type="text/javascript" src="http://127.0.0.1/ChatWidget/config.js" ></script> 

<title>Participant Badge tester</title> 
<!--begin custom header content for this example--> 


 <script src="http://www.google.com/jsapi"></script> 
    <script> 
      //google.load("swfobject", "2.1");
    </script>
    <style> 

</style> 
</head>
<body class=" yui-skin-sam"> 


 <script> 
		YUI(config).use( 'inputField', 'yTags' ,  'conversationPanel' ,'videoPlugin', 'participantsList'  ,'participantBadgePlugin', function(Y){  
			  
    
			var pl = new Y.ParticipantsList({
 	    		contentBox: "#participantsList"
	 		});	 		
	 		pl.plug(Y.ParticipantBadgePlugin); 
			pl.render(); 
			 
			var conversationPanel = new Y.ConversationPanel({
 	    		contentBox: "#conversationPanel"
	 		});	 		
	 		conversationPanel.plug(Y.VideoPlugin); 
			conversationPanel.render(); 
			
			//var inputField = new Y.InputField({
			//	contentBox:"#conversationInput"
			//});
			//inputField.render();
			
			 var tags = Y.Tags("ymsgr", "http://messenger.yahoo.com/yim", { 
                   "conversationInput" : Y.InputField
                    
			});  
        
		});	
		
		
		
</script>    
<div style="margin-top:50px;margin-left:200px;">
<table cellpadding="10px">
<tr><td>
<div id="conversationPanel" class="conversationPanel" ></div>  
</td><td rowspan='2'>
<div id="delegate" > 
Participants list:
<div id="participantsList" class="participantsList" ></div> 
</div>
</td></tr><tr><td>
</td></tr>
</table>
 
<ymsgr:conversationInput  id="conversationInput" class="conversationInput" ></ymsgr:conversationInput> 
</body>
<div>
</html>
 
			